<template lang="">
	<view class="search-bar">
		<view class="box">
			<u-icon
				name="search"
				color="#B5B5B5"
				size="36rpx"
				label="搜索"
				space="10rpx"
				labelSize="24rpx"
				labelColor="#B5B5B5"
			/>
			<slot />
			<!-- 右边预留插槽 -->
		</view>
	</view>
</template>
<script>
export default {
  data() {
    return {

    }
  },
}
</script>
<style lang="scss">

	.search-bar {
		width: 100wh;
		height: 96rpx;
		padding: 18rpx 38rpx;
		background-image: linear-gradient(to right, #F0F2F5,#3A62E9);
		.box {
			background-color: #ffffff;
			display: flex;
			align-items: center;
			flex-direction: row;
			justify-content: center;
			height: 100%;
			border-radius: 16rpx;
		}
	}
</style>
